Thư viện hình ảnh Flex Panels

1.402 lượt xem;

script.js
project /

1 const panels = document.querySelectorAll('.panel');
2 function toggleOpen(){
3   this.classList.toggle('open')
4 }
5 function toggleActive(e){
6   // console.log(e.propertyName);
7   if(e.propertyName.includes('flex')){
8     this.classList.toggle('open-active');
9   }
10 }
11 panels.forEach(panel => {
12   panel.addEventListener('click',toggleOpen)
13 });
14 panels.forEach(panel => {
15   panel.addEventListener('transitionend',toggleActive)
16 });

Web, Tìm kết quả nhanh

Kích thước hoặc độ phức tạp của bản gửi này, tác giả đã gửi nó dưới dạng tệp .zip để rút ngắn thời gian tải xuống của bạn. Sau khi tải xuống, bạn sẽ cần một chương trình như Winzip để giải nén nó.

Tất cả các tệp đều được codefly.vn quét mỗi ngày một lần để tìm vi-rút, nhưng vi-rút mới xuất hiện hàng ngày nên không có chương trình phòng ngừa nào có thể bắt được 100% chúng.

ĐỂ AN TOÀN CỦA CHÍNH BẠN, VUI LÒNG:

1. Quét lại các tệp đã tải xuống bằng trình kiểm tra vi-rút cá nhân của bạn trước khi sử dụng.

2. KHÔNG BAO GIỜ, chạy các tệp đã biên dịch (.exe's, .ocx's, .dll's, v.v.)--chỉ chạy code mà bạn đã xem ít nhất 1 lần.

Official Website:

https://codezips.com/.....nels-image-gallery/

Gõ tìm kiếm nhanh...

Thư viện hình ảnh Flex Panels

Web, Tìm kiếm nhanh

Web, Tìm kết quả nhanh

Dự án liên quan!

ID và Class

Nổi và Xóa

Hướng dẫn CSS – Phần 1 – Các loại

Hiệu ứng tải CSS

Hình dạng hình học CSS

Nền CSS (Hình ảnh và Màu sắc)